:root {
  /* 主要颜色 */
  --primary-color: #177ddc;
  --primary-bg-color: #141414;
  --secondary-bg-color: #1f1f1f;
  --tertiary-bg-color: #303030;

  /* 文字颜色 */
  --text-primary-color: #ffffff;
  --text-secondary-color: rgba(255, 255, 255, 0.85);
  --text-disabled-color: rgba(255, 255, 255, 0.45);

  /* 边框颜色 */
  --border-color: #434343;
  --border-light-color: #303030;

  /* 功能色 */
  --success-color: #49aa19;
  --warning-color: #d89614;
  --error-color: #a61d24;
  --info-color: #177ddc;

  /* 阴影 */
  --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);

  /* 其他常用颜色 */
  --hover-color: #1f1f1f;
  --active-color: #111;
  --disabled-bg-color: rgba(255, 255, 255, 0.08);

  /* 蓝色系列（暗黑模式） */
  --blue-1: #111d2c;
  --blue-2: #112a45;
  --blue-3: #15395b;
  --blue-4: #164c7e;
  --blue-5: #1765ad;
  --blue-6: #177ddc;
  --blue-7: #3c9ae8;
  --blue-8: #65b7f3;
  --blue-9: #8dcff8;
  --blue-10: #b7e3fa;

  /* 选中状态颜色 - 应该与背景形成鲜明对比 */
  --selected-bg-color: #111b26;
  --selected-text-color: #177ddc;
}

/* 主题应用示例类 */
.dark-theme {
  background-color: var(--primary-bg-color);
  color: var(--text-primary-color);
}
